@charset "utf-8";


/*-------------------------------  ■ index 首页---------------------------------*/


#container{/*position: fixed;top:0px;z-index: 80;*/ background:#FFFFFF;
width:100%;
float:left}


/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height: 752px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:752px;display: block; text-align:center;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute;l/eft: 45%;bottom:-2%; width:100%; text-align:center;}
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:70px;font-family: arial;color: #ffffff;padding:5px 3px 5px 10px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #0689d8;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {position: absolute;top: 40%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}


.index_focus_pre {left: 30px;background-position: 0 0;background:url(../../images/images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(../../images/images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(../../images/images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(../../images/images/jt2.png) no-repeat;}




/*-----首页 index_kuai-----*/
.index_kuai{ height:848px; background:url(../../images/images/ab.png) no-repeat top center #0054a5; padding-top:70px;}

.index_kuai05{width:1215px; float:left; padding-bottom:120px;}
.index_kuai04{ width:109px; height:109px; float:left;text-align:center;padding-right:50px; color:#aacaea; font-size:15px; line-height:40px;}
.index_kuai04 a{color:#aacaea;}
.index_kuai04 img.aaaa01{-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_kuai04:hover img.aaaa01{-webkit-transform: rotateZ(180deg);color:#504537;-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}



.about{  margin:auto; width:1215px;}


.about1{ width:600px; float:left;}
.about1 h3{ width:600px; float:left; font-size:25px; color:#fff; font-weight:300;  }
.about1 h3 b{ width:6px; height:25px; background:#fff; position:absolute; margin-top:6px; }
.about1 h3 em{ font-size:20px; color:#fff; letter-spacing:0px; font-style:oblique; font-weight:normal;line-height:10px;}

.about2{width:540px; float:left; color:#FFFFFF; height:300px;padding-top:30px; font-size:15px; line-height:28px; padding-right:60px;}
.about2 a{ color:#FFFFFF}
.m1{ float:left;width:600px;}




/*-----首页 图片-----*/
.index_cu{ height:1000px; background:url(../../images/images/c_b.png) no-repeat top center #0054a5;padding-top:55px; }

.index_cp02{ width:1215px; margin:auto; text-align:center;font-size:34px; color:#fff;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;background:url(../../images/images/x.png) no-repeat center bottom ; padding-bottom:20px;}
.index_cp02 span{text-align:center; font-size:18px; color:#fff; padding-top:55px;  }


.index_cp03{ position:relative; width:1215px; margin:50px auto;}


.index_cp04{width:909px; float:left}

.vb1{ width:298px; height:237px; float:left; overflow:hidden;border-radius:2px;}
.vb1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vb1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.vb2{ width:600px; height:237px;  float:right; overflow:hidden;border-radius:2px;}
.vb2 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vb2 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.vb3{ width:293px; height:234px; float:right; overflow:hidden;border-radius:2px; margin-top:10px;}
.vb3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vb3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.vb4{ width:600px; height:234px;  float:left; overflow:hidden;border-radius:2px; margin-top:10px;}
.vb4 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vb4 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}





.vb2-z{ width:297px; height:479px;  float:right;  overflow:hidden; border-radius:2px;}
.vb2-z a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.vb2-z a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}








/*-----首页 产品-----*/
.case{ height:846px; background:url(../../images/images/pro.jpg) repeat; padding-top:55px; }
.case01{ width:1215px; margin:auto; text-align:center;font-size:34px; color:#01509d;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;background:url(../../images/images/x1.png) no-repeat center 70px ; padding-bottom:20px;}
.case01 span{text-align:center; font-size:18px; color:#808080; padding-top:55px;  }
.case01 b{ width:1215px;font-weight:normal; text-align:center; font-size:16px; float:left; padding-top:20px; color:#808080; letter-spacing:2px; }

/* 本例子css */
/*==首页切换大图==*/
.rollBox{ overflow:hidden; width:1215px;margin:0 auto;background-repeat:repeat-x; z-index:-9999; padding-top:50px}
.rollBox .LeftBotton{height:66px;width:38px;background:url(../../images/images/leftarrow.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:137px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:38px;background:url(../../images/images/rightarrow.png) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:137px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:1050px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pick{width:310px; height:395px;  float:left;text-align:center; font-size:14px; color:#333; margin-left:20px; margin-right:20px;    
  }
.rollBox .Cont .pic{width:310px; height:385px; float:left;text-align:left;  font-size:14px; color:#333; overflow:hidden;font-family:"微软雅黑";/*--------阴影----------*/
box-shadow:5px 5px 5px rgba(0,0,0,.2) ; 
-moz-box-shadow:5px 5px 5px  rgba(0,0,0,.2) ;  
-khtml-box-shadow:5px 5px 5px  rgba(0,0,0,.2) ;          
-webkit-box-shadow:5px 5px 5px  rgba(0,0,0,.2) ;  background:#ececec; }
.rollBox .Cont .pic span{ display:block; color:#666;  margin:0 30px;line-height:22px; height:50px}
.rollBox .Cont .pic p{ margin:0 30px;  color:#000000; font-weight:bold; font-size:14px; line-height:24px; padding-top:20px }
.rollBox .Cont .pic .imgpic{ width:310px; height:234px; background:#FFFFFF}
.rollBox .Cont .pic .linkmore a{ width: 105px; height:31px; line-height:31px;  border:#9b9b9b 1px solid;border-radius: 20px;
-moz-border-radius:  20px;
-khtml-border-radius:  20px;
-webkit-border-radius:  20px; margin-left:30px; text-align:center; display:block; text-decoration:none;}
.rollBox .Cont .pic .linkmore a:hover{ color:#fff; background:#0f5ba8; border:0}

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#333;text-decoration:none; font-size:14px;}
.rollBox .Cont a:hover{color:#035cac;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}








/*案例滚动*/
.anl{ height:753px; background:url(../../images/images/ab1.jpg) no-repeat center; padding-top:90px; }
.anl01{ padding-top:17px; text-align:center;font-size:45px; color:#000; font-weight:900;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px;}
.anl01 span{ text-align:center; font-size:18px; color:#6b6b6b; line-height:26px;  font-weight:normal; letter-spacing:1px}

.partFourM{width:1000px; margin:auto; padding-top:90px;}
.ffleft{ float:left; width:79px; padding-top:57px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.ffright{ width:79px;text-align:right; float:right; padding-top:57px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.ffleft:hover,.ffright:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}

.partFourCon{width: 1000px;float: left;overflow: hidden;position: relative;}
.pro li{float: left;width:262px;overflow: hidden;height:183px; margin-right:47px;display: inline;position: relative; border:#CCCCCC solid 1px; padding:10px;}
.pro li img{width:262px;height:183px;}




.case02{}
.case02 dl dt{}
.case02 dl dd{}
.case02 dl dd a{ line-height:40px; padding-top:5px; display:block; font-size:16px; color:#010101; font-weight:bold;}
.case02 dl dd a:hover{ color:#1d6ed2;}
.case02 dl dd span{ font-size:13px; display:block; color:#000; line-height:18px; height:72px; overflow:hidden;}

.case03{ text-align:center; padding-top:60px;}
.case03 a img{-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.case03 a:hover img{ box-shadow:#1d6ed2 0 0 5px;opacity: .9;filter: alpha(opacity=90);-ms-filter: "alpha(opacity=90)";-khtml-opacity: .9;}



/*-----首页 服务-----*/
.service{ height:870px; background:url(../../images/images/a4.jpg) no-repeat top center #e5f3fc;}


.service01{ text-align:center; font-size:30px; color:#00c4e1; padding-top:150px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;background:url(../../images/images/xx1.png) no-repeat center bottom; padding-bottom:20px;}
.service01 span{ text-align:center; font-size:30px; color:#000; padding-top:19px; font-family:}



.service02{ width:1215px; margin:0 auto;}



.service02 dl{ float:left; padding:50px 28px 0; width:150px; text-align:center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.service02 dl:hover{ padding-top:60px;}
.service02 dl dt{-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.service02 dl:hover dt{-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}

.service02 dl dd{}
.service02 dl dd h2{ color:#009db4; font-size:20px; padding:20px 0 19px;}
.service02 dl dd span{ display:block; font-size:14px; line-height:23px; color:#0b8799; height:170px; overflow:hidden;}
.service02 dl dd a{ display:block; margin:44px auto 0; width:99px; height:29px; line-height:29px; text-align:center; border:#aed3f4 solid 1px; border-radius:15px; color:#fff;}
.service02 dl:hover dd a{border:#0bb5ce solid 1px;color:#0bb5ce; }


/*-----首页 新闻-----*/
.news{ height:847px; background:url(../../images/images/new_b.jpg) no-repeat top center #fff; padding-top:40px;}
.news01{ width:1215px; margin:auto; text-align:center;font-size:34px; color:#01509d;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;background:url(../../images/images/x1.png) no-repeat center bottom ; padding-bottom:20px;}
.news01 span{text-align:center; font-size:18px; color:#808080; padding-top:65px;  }

.news02{ margin:auto; width:1215px; padding-top:40px;}


.news03{ float:left; height:503px; background:#eee; width:662px;}

.news04{ width:662px; height:117px; float:left; background:url(../../images/images/new1.jpg) no-repeat right #01509d;}
.news04 h5{ width:176px; height:117px; text-align:center; font-size:35px; text-transform:uppercase; color:#FFFFFF; line-height:117px; float:left; background:url(../../images/images/ddd.png) no-repeat center 90px;}


.news05{ padding-top:5px;}
.news05 dl{ line-height:57px; height:57px;}
.news05 dl dt{ float:left; width:160px; padding-left:47px; color:#000;}
.news05 dl dt span{ font-size:30px; font-weight:bold; font-family:'黑体'; padding-right:7px; vertical-align:top;}
.news05 dl dd{ float:left; width:450px; overflow:hidden; height:57px; border-bottom:#d5d5d5 solid 1px;}
.news05 dl dd a{ color:#4b4b4b; font-size:13px;}
.news05 dl dd a:hover{ color:#0156a7;}


.news06{ float:left; width:553px;}

.news07{ height:117px; padding:0 20px 0 98px; background:#eee url(../../images/images/news04.jpg) no-repeat 50px 20px; line-height:18px; color:#202020;}
.news07 span{ font-size:20px; color:#010101; font-weight:bold; font-family:'黑体'; padding:22px 0 10px; display:block;}
.news07 span strong{ font-size:30px;}

.news08{ width:553px; height:207px; float:right; overflow:hidden}
.news08 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.news08 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}




.news09{ height:159px; background:#01509d; width:493px; float:left; color:#FFFFFF; padding-top:20px; padding-left:30px; padding-right:30px; color:#96bbdf;}
.news09 h6{ width:553px; float:left; color:#FFFFFF; font-size:18px; line-height:50px;}
.news09 h6 em{ width:553px; float:left; color:#96bbdf; font-size:14px; line-height:50px;}
.news09 a{  color:#96bbdf; ;}







/*-----首页 联系我们-----*/
.lianxi{ height:873px; background:url(../../images/images/fo_b.jpg) no-repeat top center #01509d;}
.lianxi01{ width:943px; height:495px; margin:0 auto; padding-top:100px; background:url(../../images/images/rx.jpg) no-repeat right bottom}
.lianxi02{ width:212px; height:434px; background:url(../../images/images/dh.png) no-repeat; float:left; }
.lianxi02 span{ padding-top:110px; padding-left:46px; float:left; line-height:50px; text-align:center}

.lianxi04{ float:left; padding-top:20px; padding-left:50px;width:500px;}

.lianxi04 h3{ float:left; width:70px; height:55px; background:#01509d; border-radius:50%; line-height:20px; color:#FFFFFF; font-size:18px; text-align:center; padding-top:15px; margin-right:20px;}
.lianxi04 h4{ float:left;  line-height:25px;  font-size:24px; text-align:left; letter-spacing:1px; padding-top:15px;}
.lianxi04 h4 b{ float:left;  line-height:25px;  font-size:13px; text-align:left; font-weight:normal; text-transform:uppercase; letter-spacing:0px; }


.lianxi05{ float:left; width:530px; padding-top:50px; padding-left:20px;}







/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}




/********************************************顶部二维码漂浮*********************************************/
.topss01{position:absolute; width:100%; top:0px; left:0; height:40px; z-index:99999;}

.down00{ width:22px; height:55px; position:absolute; left:50%; bottom:10px; margin-left:-15px;}
.down0000{ width:22px; height:55px; position:absolute; left:50%; bottom:100px; margin-left:-15px; z-index:100000;}


/* Section 0* --------------------------------------- */
.gundong01{ position:absolute; bottom:10px; left:50%; margin-left:-37px; text-align:center; z-index:9999;}
.gundong02{
    -webkit-animation:xguide_down 2.0s infinite ease-in-out;
    -moz-animation:xguide_down 2.0s infinite ease-in-out;
    -o-animation:xguide_down 2.0s infinite ease-in-out;
    animation:xguide_down 2.0s infinite ease-in-out}



#section0{ background:#FFF;}
#section0 .box {position: absolute;top: 50%;left: 50%;margin-top: -192px;margin-left: 89px;width: 395px;z-index: 1;}

/* Section 1* --------------------------------------- */
#section1{ background:url(../../images/images/bg01.jpg) no-repeat top center;}


/* Section 2* --------------------------------------- */
#section2{ background:#ffffff;}

/* Section 3* --------------------------------------- */
#section3{ background:#ffffff;}

/* Section 4* --------------------------------------- */
#section4{ background:#ffffff;}

/* Section 5* --------------------------------------- */
#section5{ background:#ffffff;}


/* Section 6* --------------------------------------- */
#section6{ background:url(../../images/images/lx01.jpg) no-repeat top center;}



/*-------------------------------  ■ 内页区域---------------------------------*/




#wrap{
	width: 1200px;
	margin:auto; padding-top:70px;
	overflow:hidden;
}


#wrap .tf{
width:264px;
background:#FFFFFF; height:337px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; border-bottom:#0bb5ce solid 5px;
	float: left;
 margin-left:8px;
 margin-right:8px;
box-shadow: 0 0 3px #cae6ea;

} 
#wrap .tf .a1{
width:262px;
	height:187px;
	float: left;
	overflow: hidden;
} 

#wrap .tf1{
width:277px;
	float: right;
} 
#wrap .tf1 .a1{
width:277px;
	height:187px;
	float: left;
	overflow: hidden;
} 



.divA{
	width: 277px;
	padding-top:10px;
	float:left;
}

.divA .p1{
	width: 277px;
	font-size: 17px;
	font-weight:normal;
    line-height:40px;color:#0ab4cd!important;

}
.divA .p1 a{ color:#000!important;}


.divA .p2{
	width: 277px;
    font-size: 13px;
    color: #828282;
    line-height: 20px;
}
.divA .p3{
	width:100px;
	height:28px;
		float: left;
	border:#eaeaea solid 1px;
	margin-top:25px;
    font-size: 13px;
color: #95bd1a;
    line-height:28px;
	text-align:center;
}

.divA .p3 a{
width:100px;
	color: #a9a9a9;	float: left;

}
 
 .divA .p3 a:hover{
	width:100px;
	overflow:hidden;
	float: left;
	border:#0bb5ce solid 1px;
    font-size: 13px;
    color: #fff;
	background:#0bb5ce;
    line-height:28px;
	text-align:center;
}
 
 
 
 #wrap a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
 #wrap a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}